<template>
  <header class="app-home-header" :class="{ active: headerActive }">
    <div class="header-search">
      <van-icon name="search" />
      <router-link tag="span" class="search-title" to="./search">推荐搜索 关键词</router-link>
    </div>
    <van-icon name="user-o" />
  </header>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const headerActive = ref(false)

    return {
      headerActive,
    }
  },
}
</script>

<style lang="scss"></style>
